<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"></html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>敢敢二手商城</title>
<link type="text/css" href="css/css.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script src="js/wb.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
 $(function(){
	 $(".vipNav dd:first").show();
	 })
</script>
</head>

<body>
 <div class="mianCont">
  <div class="top">
      <span>您好！欢迎来到敢敢二手商城！   &nbsp;<a href="login.html">[登录]</a>&nbsp;<a href="reg.html">[注册]</a></span>
   <span class="topRight">
    <a href="vip.html">我的敢敢</a>&nbsp;
   </span>
  </div><!--top/-->
  <div class="lsg">
   <h1 class="logo"><a href="index.html"><img src="images/04.jpg" width="217" height="90" /></a></h1>
   <form action="#" method="get" class="subBox">
    <div class="subBoxDiv">
     <input type="text" class="subLeft" />
     <input type="image" src="images/subimg.png" width="63" height="34" class="sub" />
    </div><!--subBoxDiv/-->
   </form><!--subBox/-->
   <div class="gouwuche">
    <div class="myChunlv">
     <a href="vip.html"><img src="images/mychunlv.jpg" width="112" height="34" /></a>
    </div><!--myChunlv/-->
   </div><!--gouwuche/-->
  </div><!--lsg/-->
  <div class="pnt">
   <div class="pntLeft">
      <h2 class="Title">所有商品分类
         <ul class="InPorNav">
          <li><a href="product.html">水杯系列</a>
           <div class="chilInPorNav">
            <a href="#">保温杯</a>
            <a href="#">茶杯</a>
            <a href="#">酒杯</a>
           </div><!--chilLeftNav/-->
          <li><a href="product.html">家具系列</a>
           <div class="chilInPorNav">
            <a href="#">床垫</a>
            <a href="#">餐具桌</a>
            <a href="#">沙发</a>
            <a href="#">椅子</a>
           </div><!--chilLeftNav/-->
          </li>
          <li><a href="product.html">电器系列</a>
           <div class="chilInPorNav">
            <a href="#">电视机</a>
            <a href="#">电脑</a>
            <a href="#">微波炉</a>
            <a href="#">电饭煲</a>
           </div><!--chilLeftNav/-->
          </li>
          <li><a href="product.html">其他系列</a>
           <div class="chilInPorNav">
            <a href="#">自行车</a>
            <a href="#">手机</a>
            <a href="#">汽车</a>
           </div><!--chilLeftNav/-->
          </li>
         </ul><!--InPorNav/-->
         </h2>
   </div><!--pntLeft/-->
   <div class="pntRight">
    <ul class="nav">
     <li><a href="index.html">商城首页</a></li>
     <li><a href="product.html">促销中心</a></li>
     <li><a href="vip.html">我的敢敢</a></li>
     <div class="clears"></div>
    </ul><!--nav/-->
   </div><!--pntRight/-->
   <div class="clears"></div>
  </div><!--pnt/-->
  <div class="positions">
   当前位置：<a href="index.html">首页</a> &gt; <a href="#">个人中心</a>
  </div><!--positions/-->
  <div class="cont">
   <div class="contLeft" id="contLeft">
    <h3 class="leftTitle">个人中心</h3>
    <dl class="helpNav vipNav">
     <dt>我的主页</dt>
      <dd>
       <a href="vip.html" class="vipCur">个人中心</a>
      </dd>
      <dt>客户服务</dt>
    </dl><!--helpNav/-->
   </div><!--contLeft/-->
   <div class="contRight">
    <h1 class="vipName"><span>用户名：</span>强憨憨</h1>
    <table class="vipMy">
     <tr>
      <th>用户名</th>
      <th>邮编</th>
      <th>姓名</th>
      <th>联系方式</th>
      <th>证件号码</th>
      <th>地址</th>
     </tr>
     <tr>
      <td id="username"></td>
      <td id="zipcode"></td>
      <td id="name"></td>
      <td id="phone"></td>
      <td id="id"></td>
      <td id="address"></td>
     </tr>
    </table><!--vipMy/-->
   </div><!--address/-->
   </div><!--contRight/-->
   <div class="clears"></div>
  </div><!--cont/-->  
 <a href="#" class="backTop">&nbsp;</a>
</body>
<script>

 $(document).ready(function () {
  var url = location.search; //获取url中"?"符后的字串
  var username = url.substring(url.indexOf("=") + 1);
  $.ajax({
   type: 'POST',
   url: 'http://localhost:8080/api/getInfo',
   data: {
     username:username
   },
   success: function (res) {
    $("#username").text(res.username);
    $("#zipcode").text(res.zipcode);
    $("#name").text(res.name);
    $("#phone").text(res.phone);
    $("#id").text(res.id);
    $("#address").text(res.address);
    $(".top").hide();
   },
   error: function () {

   }
  })
 });

</script>
</html>